﻿ 
@{
    ViewBag.Title = "布局页面";
    Layout = "~/Views/Shared/_FlowDesign.cshtml";
    string id = Request["id"];
}
 
<input type ="hidden" id="FlowDefId" value="@id">
<div id="divHead">
   
    <div class="divMenuBar">

        <div id="btn_save" class="divMenuBtn btn-default btn">
            <img src="~/Content/img/paste.png"/>保存
        </div>
        <div id="btn_saveNew" class="divMenuBtn btn-default btn">
            <img src="~/Content/img/copy.png" />保存新版本
        </div>
        <div id="btn_delete" class="divMenuBtn btn-default btn">
            <img src="~/Content/img/move.png" />删除
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignLeft()">
            <img src="~/Content/img/align_left.png" />左对齐
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignCenter()">
            <img src="~/Content/img/align_center.png" />居中对齐
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignRight()">
            <img src="~/Content/img/align_right.png" />右对齐
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignTop()">
            <img src="~/Content/img/align_top.png" />上对齐
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignMiddle()">
            <img src="~/Content/img/align_middle.png" />垂直居中
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectAlignBottom()">
            <img src="~/Content/img/align_bottom.png" />下对齐
        </div>
        <div class="divVerticalLine"></div>
        @*<div class="divMenuBtn btn-default btn" onclick="SelectUpColse()">
            上下靠拢
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectLeftColse()">
            左右靠拢
        </div>*@
        <div class="divMenuBtn btn-default btn" onclick="SelectSameHeight()">
            同高
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectSameWidth()">
            同宽
        </div>
        @*<div class="divMenuBtn btn-default btn" onclick="SelectClockwise(45)">
            <img src="~/Content/img/rotate_clockwise.png" />顺时针
        </div>
        <div class="divMenuBtn btn-default btn" onclick="SelectClockwise(-45)">
            <img src="~/Content/img/rotate_anticlockwise.png" />逆时针
        </div>*@
    </div>

</div>


<div id="divContent">

    <div id="divContent2">
        <div id="divContentLeftMenu">
            <div class="sidebar-menu" id="divSidebar">
                <a href="#startmodel" onclick="Resize()" class="nav-header menu-first collapsed" data-toggle="collapse">开始</a>
                <ul id="startmodel" class="nav nav-list collapse menu-second">
                    <li>
                        <a href="#">
                            <div class="node drag" id="start" dbtype="start">
                                <label>开始</label>
                            </div>
                        </a>
                    </li>
                </ul>
                <a href="#artlinemodel" onclick="Resize()" class="nav-header menu-first collapsed" data-toggle="collapse">任务</a>
                <ul id="artlinemodel" class="nav nav-list collapse menu-second">

                    <li>
                        <a href="#">
                            <div class="node" id="task" dbtype="task">
                                <label>任务</label>
                            </div>
                        </a>
                    </li>
                </ul>


                <a href="#endmodel" onclick="Resize()" class="nav-header menu-first collapsed" data-toggle="collapse">结束</a>
                <ul id="endmodel" class="nav nav-list collapse menu-second">

                    <li>
                        <a href="#">
                            <div class="node" id="end" dbtype="end">
                                <label>结束</label>
                            </div>
                        </a>
                    </li>


                </ul>
            </div>
        </div>
        <div id="divCenter"></div>

        <div id="divCenter2"></div>
        <div id="divRight">
            <div id="divRightContent"></div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">模板名称</h4>
            </div>
            <div class="modal-body">
                <input id="text_new_template" class="form-control" />
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
                <button type="button" id="btn_submit" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>
            </div>
        </div>
    </div>
</div>

